irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Black & White] Monochrome.css
217 lines4.0 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Black & White MonoChrome */
3
4* {
5 font-family: "JetBrainsMono Nerd Font";
6 font-weight: bold;
7 min-height: 0;
8 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9 font-size: 97%;
10 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13window#waybar,
14window#waybar.empty,
15window#waybar.empty #window {
16 background-color: transparent;
17 padding: 0px;
18 border: 0px;
19}
20
21tooltip {
22 color: white;
23 background: #1e1e2e;
24 opacity: 0.8;
25 border-radius: 10px;
26 border-width: 2px;
27 border-style: solid;
28 border-color: white;
29}
30
31tooltip label{
32 color: #cdd6f4;
33}
34/*-----module groups----*/
35.modules-right {
36 background-color: black;
37 color: white;
38 border-bottom: 1px;
39 border-style: solid;
40 border-color: white;
41 border-radius: 10px;
42 padding-top: 2px;
43 padding-bottom: 2px;
44 padding-right: 4px;
45 padding-left: 4px;
46}
47.modules-center {
48 background-color: black;
49 color: white;
50 border-bottom: 1px;
51 border-style: solid;
52 border-color: white;
53 border-radius: 10px;
54 padding-top: 2px;
55 padding-bottom: 2px;
56 padding-right: 4px;
57 padding-left: 4px;
58}
59.modules-left {
60 background-color: black;
61 color: white;
62 border-bottom: 1px;
63 border-style: solid;
64 border-color: white;
65 border-radius: 10px;
66 padding-top: 2px;
67 padding-bottom: 2px;
68 padding-right: 4px;
69 padding-left: 4px;
70}
71/*-----modules indv----*/
72#taskbar button,
73#workspaces button {
74 color: dimgrey;
75 box-shadow: none;
76 text-shadow: none;
77 padding: 0px;
78 border-radius: 9px;
79 padding-left: 4px;
80 padding-right: 4px;
81 animation: gradient_f 20s ease-in infinite;
82 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
83}
84#taskbar button:hover,
85#workspaces button:hover {
86 color: white;
87 background-color: #7f849c;
88 padding-left: 2px;
89 padding-right: 2px;
90 animation: gradient_f 20s ease-in infinite;
91 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
92}
93
94#taskbar button.active,
95#workspaces button.active {
96 color: white;
97 padding-left: 8px;
98 padding-right: 8px;
99 animation: gradient_f 20s ease-in infinite;
100 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
101}
102
103#workspaces button.persistent {
104 border-radius: 10px;
105}
106
107#backlight,
108#backlight-slider,
109#battery,
110#bluetooth,
111#clock,
112#cpu,
113#disk,
114#idle_inhibitor,
115#keyboard-state,
116#memory,
117#mode,
118#mpris,
119#network,
120#power-profiles-daemon,
121#pulseaudio,
122#pulseaudio-slider,
123#taskbar,
124#temperature,
125#tray,
126#window,
127#wireplumber,
128#workspaces,
129#custom-backlight,
130#custom-browser,
131#custom-cava_mviz,
132#custom-cycle_wall,
133#custom-dot_update,
134#custom-file_manager,
135#custom-keybinds,
136#custom-keyboard,
137#custom-light_dark,
138#custom-lock,
139#custom-hint,
140#custom-hypridle,
141#custom-menu,
142#custom-playerctl,
143#custom-power_vertical,
144#custom-power,
145#custom-quit,
146#custom-reboot,
147#custom-settings,
148#custom-spotify,
149#custom-swaync,
150#custom-tty,
151#custom-updater,
152#custom-weather,
153#custom-weather.clearNight,
154#custom-weather.cloudyFoggyDay,
155#custom-weather.cloudyFoggyNight,
156#custom-weather.default,
157#custom-weather.rainyDay,
158#custom-weather.rainyNight,
159#custom-weather.severe,
160#custom-weather.showyIcyDay,
161#custom-weather.snowyIcyNight,
162#custom-weather.sunnyDay {
163 padding-top: 4px;
164 padding-bottom: 4px;
165 padding-right: 6px;
166 padding-left: 6px;
167}
168/*-----Indicators----*/
169#custom-hypridle.notactive,
170#idle_inhibitor.activated {
171 color: #39FF14;
172}
173
174#pulseaudio.muted {
175 color: #cc3436;
176}
177#temperature.critical {
178 color: red;
179}
180
181@keyframes blink {
182 to {
183 color: #000000;
184 }
185}
186
187#battery.critical:not(.charging) {
188 color: #f53c3c;
189 animation-name: blink;
190 animation-duration: 3.0s;
191 animation-timing-function: steps(12);
192 animation-iteration-count: infinite;
193 animation-direction: alternate;
194}
195
196#backlight-slider slider,
197#pulseaudio-slider slider {
198 min-width: 0px;
199 min-height: 0px;
200 opacity: 0;
201 background-image: none;
202 border: none;
203 box-shadow: none;
204}
205
206#backlight-slider trough,
207#pulseaudio-slider trough {
208 min-width: 80px;
209 min-height: 5px;
210 border-radius: 5px;
211}
212
213#backlight-slider highlight,
214#pulseaudio-slider highlight {
215 min-height: 10px;
216 border-radius: 5px;
217}